body {margin:0;font: 13px/20px 'Lucida Sans Unicode', Arial, Verdana, sans-serif;padding-top:25px;border-top:15px solid #A53A3A;}
#logo {text-align:center;}
#container {width:600px;margin:0 auto;}
#nav {border-bottom:1px solid #A53A3A;font-weight:bold;padding-left:10px;margin-bottom:25px;}
#nav ul {list-style:none;padding:0;margin:0;}
#nav li {float:left;margin-right:5px;}
#nav li.current a,#nav li.current a:hover {background:#A53A3A;color:#fff;text-decoration:none;text-shadow:#622222 2px 2px 2px;}
#nav li a {padding:5px 20px;display:block;font-size:14px;font-family:arial,helvetica;}
#nav li a:hover {color:#000000;}
#content {padding:0 10px;margin-bottom:50px;}
a {color:#A53A3A;text-decoration:none;font-weight:bold;}
a:hover {color:#000000;}

p a:hover {text-decoration:underline;}
.clear {clear:both;}
h2,h3,h4 {font-family:arial,helvetica;}
h2 {color:#333333;margin-bottom:5px;font-weight:bold;letter-spacing:-1px;font-size:140%;}
h3,h4 {color:#000;margin-bottom:5px;margin-top:0;}
h3 {font-weight:normal;margin-bottom:10px;}
b {color:#333;}
p,li {margin-top:0;color:#666;}
pre {background:#fff;color:#111;border:1px solid #d6d6d6;font-size:14px;padding:5px 10px;margin-top:0;margin-bottom:15px;}

.box {background:#F9F7EE;border:1px solid #DFDCD0;padding:15px;margin-bottom:20px;}
.result {background:#FEFFDD;border:1px solid #FDE277;}
#wide-area {background:#F9F7EE;padding-top:10px;padding-bottom:50px;border-top:1px solid #ccc;}
#demo-list {width:90%;margin:0 auto;}
#demo-list ul {margin:0;padding:0;list-style:none;}
#demo-list li {float:left;width:200px;margin-right:2px;border-bottom:1px dotted #ddd;font-size:13px;}
#demo-list li a {display:block;padding:2px;}
#demo-list li.current a {background:#A53A3A;color:#fff;text-decoration:none;}
#demo-area {width:90%;margin:0 auto;padding:20px;margin-top:50px;}

input.text {padding:5px;}
input.button {padding:5px;}
